html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,form,fieldset,legend
,input,select,textarea,button,caption,th,td,blockquote,pre{
    margin:0;
    padding:0;
    }
body{
    color:#333;     
    font: normal normal normal 12px/20px 'Microsoft YaHei',Arial,sans-serif;
    }
input,select,textarea,button{
    vertical-align:middle;
    font-size:100%;
    outline:0;
    font-family:'Microsoft YaHei',Arial,sans-serif
    }
h1,h2,h3,h4,h5,h6,strong,th,b{
       font-weight:400;
}
h1,h2,h3,h4,h5,h6{
    font-size:14px;
    line-height:24px
    }
a{
    text-decoration: none;
    color: #9F9F9F;
}
li{
    list-style:none
}
table{
    border-spacing:0;
    }
.wrap{
    width: 1191px;
    margin: 0 auto;
    height: 100%;
}
//header
header{
    background: #FAFAFA;
    border-bottom: 1px solid #F1F1F1;
 .header_left{
    display: inline-block;
    line-height: 2.8em;   
     p{
        color: #9F9F9F;
        margin-right: 0.5em;
       }
    a,p,img{
        display: inline-block;
        }
    :nth-child(2){
        color: #FE7336;   
        }
    a{
        margin-right: 1em;
      }
    a:hover{
        color: #FE7336;    
    }
        
    img{
        vertical-align: middle;
        position: relative;
        top:-3px;
        }
    }
 .header_right{
    display: inline-block;
    float: right;
     ul{
        line-height: 2.8em;
         li{
            display: inline-block;
            height: 100%;
            position: relative;
            //我的同程下拉框开始
            .down_login{
                width: 180px;
                height: 0px;
                z-index: 2000;
                background: #fff!important;
                position: absolute;
                overflow: hidden;
                .portrait_login{
                    height: 36px;
                    margin-left: 13px;
                    .portrait{
                        float: left;
                        width: 36px;
                        height: 36px;
                        margin-right: 10px;
                        background: url(../img/BfCGPi.png) no-repeat 0 -248px;
                    }
                    p{
                        float: left;
                        a{
                            display: inline;
                            color: #408CC7;
                        }
                        a:hover{
                            color: #FF7800;
                        }
                    }
                    
                }
                .down_select{
                   display: block;
                   margin-top: 10px;
                  margin-left: 13px;
                   span{
                       display: inline-block;
                       width:60px;
                       margin-right: 10px;
                       line-height: 2em;
                       a{
                           display: inline-block;
                           width: 68px;
                           height: 20px;
                           background: #fff!important;
                           }
                        a:hover{
                            color: #FF7800;
                        }
                       }
                   } 
            }
            //我的同程下拉框结束
            //手机同程下拉框开始
            .client_code{
                position: absolute;
                left: -15px;
                height: 0;
                overflow: hidden;
                z-index: 2000;
            }
            //微信下拉框开始
            .vixin_code{
                position: absolute;
                z-index: 2000;
                right: 0;
                width: 316px;
                height: 0px;
                background: url(../img/top_bg.png) no-repeat 0 -134px;
            }
            //电话下拉框开始
            .phone{
                position: absolute;
                left: -150px;
                width: 208px;
                height: 0;
                z-index: 2000;
                background: #fff;
                overflow: hidden;
                p{
                   color: #333333; 
                }
            }
            //客户服务下拉框开始
            .customer_service{
                position: absolute;
                z-index: 2000;
                background: #fff!important;
                width: 100%;
                height: 0;
                overflow: hidden;
                text-align: center;
                ol{
                    li{
                        display: block;
                    }
                }
            }
            //合作中心下拉框开始
            .joinTc{
                position: absolute;
                z-index: 2000;
                background: #fff!important;
                width: 100%;
                height: 0;
                overflow: hidden;
                text-align: center;
                 ol{
                    li{
                        display: block;
                    }
                }
            }
            i{
                display: inline-block;
                width: 10px;
                height: 5px;
                overflow: hidden;
                vertical-align: middle;
                background: url(../img/top_bg.png) no-repeat -15px -5px;
                }
            a{
                display: block;
                height:100%;
                padding: 0 0.8em;         
                em{
                    display: inline-block;
                    width: 14px;
                    height: 19px;
                    background-position: 0 0;
                    vertical-align: middle; 
                    background: url(../img/top_bg.png) no-repeat!important;
                    }
                }  
            }
         li:hover i{
             background: url(../img/top_bg.png) no-repeat -15px 0;
         }
        }
    }
}
//logo_search
.logo_search{  
    margin-bottom: 10px;
    overflow: hidden;      
    img{
        float: left;
        position: relative;
        left: -25;
        top: -3;
    }
    //此处文字可以改变,应使用Angular.js
    .select_city{
        line-height: 58px;
//      position: relative;
        margin: 20px 0 0 0;
        float: left;
        a{
            font-size: 20px;
            color: #333;
            display: block;
//          z-index: 1002;
            position: relative;
            padding: 0 10px;
            border: 1px solid transparent;
            span{
//              max-width: 80px;
                overflow: hidden;
                white-space: nowrap;
                height: 58px;
                display:block;
                vertical-align: middle;
                text-overflow: ellipsis;
                i{
                    display: inline-block;
                    width: 11px;
                    height: 6px;
                    margin-left: 5px;
                    vertical-align: middle;
                    background: url(../img/top_bg.png) no-repeat -15px -10px;
                }
            }    
        }
    }
    .select_city:hover i{
        background: url(../img/top_bg.png) no-repeat -29px -9px;
    }
    .search{
        float: left;
        display:block;
        overflow: hidden;
        margin-left: 4em;
//      vertical-align: middle;
        //搜索框
        form{
            font-family: Microsoft YaHei,Simsun,serif;
            padding-top: 28px;
            position: relative;
            margin-right: 35px;
            .search_input{
                input{
                    width: 466px;
                    display: inline-block;
                    border: 2px solid #ff6815;
                    height: 32px;
                    line-height: 30px;
                    text-indent: 10px;
                    font-size: 14px;
                    float: left;
                }
                button{
                    width: 85px;
                    display: inline-block;
                    height: 36px;
                    text-align: center;
                    color: #fff;
                    background: #ff6815;
                    vertical-align: middle;
                    font-size: 18px;
                    line-height: 36px;
                    border: 0;
                    cursor: pointer;
                }
            }
            .search_hotlist{
                    margin-top: 3px;
                .span1{
                        :nth-child(odd){//奇数位的a变颜色
                            color: #FF764F;
                        }
                    }
            } 
        }
    }
    .search_phone{
       float: right;
       position: relative;
       padding: 10px;
       img{
           float: right;
       }
       span{
           position: absolute;
           font-size: 16px;
           color: #f63;
           bottom: 25px;
           left:0;
           font-weight: 700;
           //文本的阴影效果
           text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
       }
    }
}
//---nav---
//nav{
//  background: #4C5A65;
//  height: 46px;
//  line-height: 46px;
//  ul{
//      height: 100%;
//      li{
//          height: 100%;
//          position: relative;
//          float: left;
//          padding: 0 12px;
//          a{
//              display: block;
//              color: #fff;
//              height: 30px;
//              font-size: 16px;
//              vertical-align: middle;
//              position: relative;
//              i{
//                  display: inline-block;
//                  width: 13px;
//                  height: 6px;
//                  vertical-align: middle;
//                  background: url(../img/top_bg.png) no-repeat -23px 0;
//              }
//          }
//          em{
//              position: absolute;
//              top: -16px;
////              right: -20px;
//              color: #fff;
//              background: #ff6535;
//              padding: 0 5px;
//              height: 2em;
//              line-height: 2em;
//              span{
//                  font: normal normal normal 12px/20px 'Microsoft YaHei',Arial,sans-serif;
//                  display: block;
//                  text-align: center;
//                  line-height: 2em;
//              }
//              b{
//                  width:0;
//                  height:0;
//                  border-width:5px 5px 0 0;
//                  border-style:solid;
//                  border-color:#ff6535 transparent transparent transparent;
//                  margin:40px auto;
//                  position:relative;
//                  left: -5px;
//              }
//          }
//      }
//      li:hover i{
//          background: url(../img/top_bg.png) no-repeat -36px 0;
//      }
//      li:first-child{
//       background: #50B400;        
//      }
//  }
//}
nav{
    position:relative;
    background: #4C5A65;
    height: 46px;
    line-height: 46px;
    .wrap{
        position:relative;
        ul{
        height: 100%;
        li{
            height: 100%;
            float: left;
            padding: 0 12px;
            a{
                display: block;
                color: #fff;
                height: 30px;
                font-size: 16px;
                vertical-align: middle;
                position: relative;
                i{
                    display: inline-block;
                    width: 13px;
                    height: 6px;
                    vertical-align: middle;
                    background: url(../img/top_bg.png) no-repeat -23px 0;
                }
            }
            em{
                position: absolute;
                top: -16px;
                // right: -20px;
                color: #fff;
                background: #ff6535;
                padding: 0 5px;
                height: 2em;
                line-height: 2em;
                span{
                    font: normal normal normal 12px/20px 'Microsoft YaHei',Arial,sans-serif;
                    display: block;
                    text-align: center;
                    line-height: 2em;
                }
                b{
                    width:0;
                    height:0;
                    border-width:5px 5px 0 0;
                    border-style:solid;
                    border-color:#ff6535 transparent transparent transparent;
                    margin:40px auto;
                    position:relative;
                    left: -5px;
                }
            }
            .submenu-nav {
                position: absolute;
                background: #fff;
                left: 0;
                top: 50px;
                height: 46px;
                width:100%;
                display: none;
                box-shadow: 0 6px 5px -6px #ddd;
                z-index: 2;
                a {
                    float: left;
                    margin: 0 8px 0 10px;
                    padding: 0 10px;
                    line-height: 46px;
                    font-size: 14px;
                    color: #666;
                    display: block;
                    position: relative;                  
                }
                .zmy-submenu1 {
                    margin-left: 69px;
                }
                .curr{
                    position: relative;
                }
                .curr:before {
                    display: block;
                    border-bottom: 2px solid #59b80d;
                    content: '';
                    position: absolute;
                    bottom: -17px;
                    left: 0;
                    width: 100%;
                }
            }
        }
        li:hover{
            background:#fff;
            &>a{
                color:#4c5a65;
                i{
                    background: url(../img/top_bg.png) no-repeat -29px -10px;
                }
            }
            .submenu-nav{
                display:block;
                a:hover{
                    color:red;
                }
            }   
        }        
        .current{
            background: #50B400;
                   
            }
        }
    }
}

